<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"               
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns="http://www.w3.org/1999/xhtml">
    <h:form>
        <f:view >
            <p:panel header="Employee Birthday"  >

                <p:scrollPanel style="height: 100px">
                    <p:dataGrid var="user" value="#{utilsControl.birthdayList()}" columns="1">

                        <h:panelGrid  columns="2">
                            <h:outputLabel value="Employee:" class="color_blue"></h:outputLabel>
                            <h:outputLabel value="#{user.fullName}"  class="bold"  >                               
                            </h:outputLabel>
                            <h:outputLabel value="Bithday:" class="color_blue" ></h:outputLabel>
                            <h:outputLabel value="#{user.birthday}"  class="color_blue_red"  >
                                <f:convertDateTime timeZone="GMT+7" pattern="MM/dd/yyyy"  />
                            </h:outputLabel>
                            <h:outputLabel value="Department:" ></h:outputLabel>
                           
                            <h:outputLabel value="#{user.departmentName}" ></h:outputLabel>
                            
                        </h:panelGrid>
                        <p:separator style="height: 1px" />

                    </p:dataGrid>
                </p:scrollPanel>

            </p:panel>
        </f:view>
    </h:form>

</ui:composition>